<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ประปา</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<script src="assets/js/modernizr.js" type="text/javascript"></script>
</head>

<body>
<div class="wrapper">
	
	<div id="header-bar">
		<img src="assets/images/logo.png" height="50" id="main-logo"  />
	</div><!-- END header-bar-->
	
	<div id="top-bar" class="clearfix">
		<div class="pull-right">
			<ul class="bar-menu clearfix">
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-cog"></i></a>
					<div class="popup-info"><div class="notification">
						<div class="clearfix" id="bg-change">
					<div class="pull-left">เลือกพื้นหลัง :</div>
					<div class="pull-left change-bg"  id="theme-bg-1"></div> 
					<div class="pull-left change-bg" id="theme-bg-2"></div> 
					<div class="pull-left change-bg"  id="theme-bg-3"></div> 
					<div class="pull-left change-bg"  id="theme-bg-4"></div>  
				</div>
					</div></div>
				</li>
				
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-envelope"></i> <span class="badge">2</span></a>
					<div class="popup-info"><div class="notification">Insert Notification</div></div>
				</li>	
				<li class="admin-info"><a href="javascript:void()"><i class="fa fa-user"></i> administrator</a>
					<div class="popup-info"><div class="notification">Insert Admin Info</div></div>
				</li>
				
			</ul>
		</div>
	</div><!-- END Top-Bar -->
	
	<div id="detail-area" class="clearfix">
		<div class="hidden-xs hidden-sm page-sidebar" id="side-menu">
			<ul class="page-sidebar-menu">
				<li class="info ">
					<div class="clearfix">
						<div><strong>ยินดีต้อนรับ</strong></div>
						<div><i class="fa fa-user"></i> หัวหน้าส่วนงาน</div>
						<div class="mt-10"><strong>คุณเข้าระบบครั้งล่าสุดเมื่อ</strong></div>
						<div class="mb-10"><i class="fa fa-clock-o"></i> 23 / 04 / 2557 13:05:44</div>
					</div>
				</li>
				
				<li><a href="javascript:void()" ><i class="fa fa-briefcase"></i> การจัดการระบบ <span class="arrow"></span></a>
				<ul class="sub-menu">
						<li><a href="javascript:void(0)"  ><i class="fa fa-folder"></i> ตารางรหัสอ้างอิง <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลองค์กร</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลเขตผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลรหัสรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลขนาดมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลยี่ห้อมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทติดตั้งประปา</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลกลุ่มคำร้อง</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลรหัสคำร้อง</a></li>
								
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเหตุการอ่านมาตรวัดน้ำ</a></li>
							</ul>
						</li>
						
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> ตารางรหัสควบคุมระบบ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลเลขใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเลขใบเสร็จรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลการคิดอัตราค่าน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลพนักงานอ่านมาตรวัดน้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการรับเงินรายกลุ่ม</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				
				<li ><a href="javascript:void()" class="active"><i class="fa fa-briefcase"></i> ทะเบียนผู้ใช้น้ำ <span class="arrow"></span></a>
				<ul class="sub-menu">
						<li><a href="menu-1.html" ><i class="fa fa-folder"></i> เพิ่มทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="menu-2.html" ><i class="fa fa-folder"></i> แก้ไขทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> สถิติการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามข้อมูลผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สถิตถการใช้น้ำ</a></li>
							</ul>
						</li>
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานรายละเอียดผู้ใช้น้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานข้อมูลเงินประกัน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				<li class="active"><a href="javascript:void()"><i class="fa fa-briefcase"></i> อ่านมาตร<span class="arrow"></span></a>
					<ul class="sub-menu">
						<li  class="active"><a href="menu-3.html"><i class="fa fa-folder"></i> เตรียมข้อมูลการอ่านมาตร</a></li>
						<li><a href="menu-4.html" ><i class="fa fa-folder"></i> บันทึก/แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li><a href="menu-5.html" ><i class="fa fa-folder"></i> แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li  class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานเส้นทางการอ่านน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสถานะเส้นทางการอ่านมาตร</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานข้อมูลการอ่านน้ำ (น้ำสูง)</a></li>
							</ul>
						</li>
						
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> ลูกหนี้ <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> พิมพ์ใบแจ้งหนี้</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB) <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-6.html"><i class="fa fa-coffee"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="menu-7.html"><i class="fa fa-coffee"></i> แก้ไขข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  ยกเลิกข้อมูลใบแจ้งหนี้ (MB)</a></li>
							</ul>
						</li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลลูกหนี้ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานเบิกจ่ายใบแจ้งหนี้และใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานยกเลิกใลแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานการจัดทำใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานข้อมูลลูกหนี้</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานค่าน้ำประปาประจำเดือน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> รับเงิน <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รับเงินค่าน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-8.html"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายเดี่ยว</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายกลุ่ม</a></li>
							</ul>
						</li>
						<li><a href="menu-9.html" ><i class="fa fa-folder"></i> รับเงินค่าอื่นๆ</a></li>
						<li><a href="menu-11.html" ><i class="fa fa-folder"></i> ยกเลิกข้อมูลการรับเงิน</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> ปิดการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการปิดการรับเงินประจำวัน</a></li>
							</ul>
						</li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามข้อมูลการรับเงิน <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-10.html"><i class="fa fa-coffee"></i> สอบถามตามใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามตามวันที่รับเงิน</a></li>
							</ul>
						</li>
							
						<li class="menu-last-child have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานก่อนปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานหลังปิดการรับเงินประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับเงินประจำวัน</a></li>
							</ul>
						</li>
						
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  คำร้อง</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องขอติดตั้งประปา</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องเกี่ยวกับมาตรวัดน้ำ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องอื่นๆ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> ยกเลิกคำร้อง</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามคำร้อง</a></li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงาน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานการรับคำร้องประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับคำร้อง</a></li>
							</ul>
						</li>
						
					</ul>
				
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานผู้บริหาร</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานรายได้จากการบริการ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำวัน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำเดือน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำวัน</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำเดือน</a></li>
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  ระงับการใช้น้ำ (ผูกลวด)</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  มาตรครบวาระ</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  MWA Admin <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> กำหนดวันที่ของระบบ</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลภาษีมูลค่าเพิ่ม</a></li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  MWA User <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> จัดทำใบแจ้งค่าบริการรายเดือน</a></li>
					</ul>
				</li>

				<li><a href="javascript:void()"><i class="fa fa-sign-out"></i> ออกจากระบบ</a></li>
			</ul>
		</div><!-- End side-menu-->
		
		<div class="col-sm-12 col-xs-12" id="right-detail">
			
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> เตรียมข้อมูลการอ่านมาตร</div><!--End navigator-bar-->
			<div >
			<div id="page-header" class="clearfix">
				<div>เตรียมข้อมูลการอ่านมาตร</div>
				
			</div>
				
				<div class="form-step-nav">
					<div id="step-way"></div>
					<div class="form-step-box box-first">
						<a  href="javascript:void()" data-link="form-1" class="step-link active">1</a>
						<div class="step-text" >เริ่มต้นงานประจำเดือน</div>
					</div>
					
					<div class="form-step-box box-2">
						<a href="javascript:void()" data-link="form-2" class="step-link">2</a>
						<div class="step-text" >เตรียมข้อมูลการอ่านน้ำ</div>
					</div>
					
					<div class="form-step-box box-last">
						<a  href="javascript:void()"  data-link="form-3" class="step-link">3</a>
						<div class="step-text" >ยืนยันการจัดทำใบแจ้งหนี้</div>
					</div>
					
				</div><!-- End form-nav-->
				
				<div id="form-1" class="form-step">
				
				<div class="form-list clearfix" style="width:90%">
				
	
						<h4><i class="fa fa-file-text-o"></i> ข้อมูลการอ่านน้ำปัจจุบัน</h4>
						<table  class="table-list mt-10" >
							
							<tr>
								<th>ประจำเดือน</th>
								<th>ประจำปี</th>
								<th>จำนวนเขตอ่านน้ำ</th>
								<th>จำนวนเส้นทางที่เตรียมข้อมุลอ่านน้ำ</th>
								<th>จำนวนเส้นทางที่ยืนยันการจัดทำใบแจ้งหนี้</th>
								
							</tr>
							
							<tr style="background-color:#FFF">
								<td>เมษายน</td>
								<td>2557</td>
								<td>3</td>
								<td>19</td>
								<td>19</td>
								
							</tr>
							
						</table>
						<div class="text-right save-by">บันทึกข้อมูลโดย คุณ ประปา นครหลวง วันที่ 5 / 04 / 2557 14:20</div>
				
				</div>
				<!-- End form-detail -->
				
				<div class="form-detail" style="width:60%; margin-top:-50px">
				<div class="search-box no-radius" >
					<form class="form-horizontal" role="form">
					
						<div class="search-header  no-radius" style="font-size:15px">
							เริ่มต้นงานอ่านน้ำ
						</div>
									
								<div class="form-group row mt-20">
						<label for="inputPassword3" class="col-sm-5 control-label">ประจำเดือน :</label>
						<div class="col-sm-4 mt-5">
						  เมษายน
						</div>
					  </div>
					  
					  <div class="form-group row">
						<label for="inputPassword3" class="col-sm-5 control-label">ประจำปี :</label>
						<div class="col-sm-4 mt-5">
						  2557
						</div>
					  </div>
						  
					  <div class="form-group mt-20 clearfix search-footer  no-radius" style="margin-left:-10px; margin-right:-10px">
						<div class="col-sm-offset-5 col-sm-7">
						  <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
						</div>
					  </div>
	
						</form>
					</div>	
				</div>
				
				</div>
				<!-- END form-1 -->
				
				
				<div id="form-2" class="form-step">
				
				<div class="form-detail clearfix">
				<div class="box-blue">
						<div class="form-list clearfix" style="margin:-40px auto -30px" >
					<form class="form-inline" role="form">
				<div style="text-align:right">
					<div class="form-group clearfix" style="width:100%">
					<div class="pull-right">
    <label  for="exampleInputEmail2"> </label>
    เลือกเขต : <select class="form-control" id="exampleInputEmail2"><option>-- เลือกเขต --</option><option>1</option><option>2</option><option>3</option></select>
	<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> ค้นหาเส้นทาง</button>
	</div>
	<div class="pull-left">
	
	</div>
  </div>
	
				</div>
					</form>
			
				</div>
				<!-- End form-detail -->
						<h4><i class="fa fa-tablet"></i> เตรียมข้อมูลการอ่านน้ำ (Handheld) ประจำเดือน <span class="comment">เมษายน 2557</span></h4>
						<table  class="table-list mt-10" >
							
							<tr>
								<th style="width:10%">ลำดับ</th>
								<th style="width:25%" >เขต</th>
								<th style="width:25%" >เส้นทาง</th>
	<!--							<th width="15%">จำนวนเส้นทางการอ่านน้ำทั้งหมด</th>
								<th width="15%">จำนวนเส้นทางที่เตรียมข้อมูลการอ่านน้ำ</th>
								<th width="15%">จำนวนเส้นทางที่ยืนยันการจัดทำใบแจ้งหนี้</th>
								<th width="15%">จำนวนเส้นทางที่ตั้งหนี้</th>-->
								<th width="40%">ชื่อพนังงาน</th>
								
							</tr>
							
							<tr class="odd">
								<td>1</td>
								<td >01</td>
								<td >1</td>
								<td>
									 <select class="form-control">
								  <option  selected="selected">นายเจตนา แสงประดับ</option>
								  <option>นายสมชาย แสงประดา</option>
								  <option>นายสมหมาย สบประดา</option>
								  
								</select>
							</td>
							</tr>
							
							<tr class="even">
								<td>2</td>
								<td>01</td>
								<td >2</td>
								<td>
									 นายสมชาย แสงประดา
							</td>
							</tr>
							
							<tr class="odd">
								<td>3</td>
								<td >01</td>
								<td >3</td>
								<td>
									 <select class="form-control">
								   <option>นายเจตนา แสงประดับ</option>
								  <option >นายสมชาย แสงประดา</option>
								  <option selected="selected">นายสมหมาย สบประดา</option>
								  
								</select>
							</td>
							</tr>
							
							
							
						</table>
						
						<div class="text-right mt-20">
							  <button type="button" class="btn btn-primary" ><i class="fa fa-floppy-o"></i> บันทึกเขต 01</button>
   
						</div>
						
					</div>
						
						
					<div class="box-blue clearfix" style="background:rgba(0,102,255,0.5)" >
						<div class="pull-right"><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal-confirm" ><i class="fa fa-floppy-o"></i> ยืนยันทุกเขต</button></div>
						<div class="pull-right mr-80 mt-5">*** เมื่อคุณยืนยันระบบจะทำการบันทึกเส้นทางของทุกเขต ***</div>
					</div>	
				
				</div>
				<!-- End form-detail -->
				
				
				<!--<div class="form-list clearfix" style="margin-top:-80px" >
				
	
						<table  class="table-list mt-10" >
							
							<tr>
								<th style="text-align:left"><i class="fa fa-tachometer"></i> จัดการข้อมูลการอ่านน้ำ</th>								
							</tr>
							
							<tr class="odd">
								<td style="padding:20px 0px">
								<form class="form-inline" role="form">
  <div class="form-group">
    <label  for="exampleInputEmail2">เขต :</label>
    <select class="form-control">
								  <option>-- เลือก --</option>
								  
								</select>
  </div>
  <div class="form-group ml-20 mr-20">
    <label  for="exampleInputPassword2">พนักงานอ่านน้ำ ตั้งแต่ :</label>
   <select class="form-control" style="width:200px">
								  <option>-- เลือก --</option>
								  
								</select> ถึง <select class="form-control" style="width:200px">
								  <option>-- เลือก --</option>
								  
								</select>
  </div>

  <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
   <button type="submit" class="btn btn-primary"><i class="fa fa-refresh"></i> เริ่มใหม่</button>
</form>
								</td>
							</tr>
							
							
						</table>
				
				</div>-->
				<!-- End form-detail -->
				
				
				
				</div>
				<!-- End Form-2 -->
				
				
				<div id="form-3" class="form-step">
				
				<div class="form-detail clearfix" >
				
	
						<h4><i class="fa fa-check-square-o"></i> ยืนยันการจัดทำใบแจ้งหนี้ (Handheld) ประจำเดือน <span class="comment">เมษายน 2557</span></h4>
						<table  class="table-list mt-10" >
							
							<tr>
								<th style="width:15%">เขต</th>
								<th style="width:40%">พนักงานอ่านน้ำ</th>
								<th style="width:30%">สถานะ</th>
								<th style="width:15%"></th>
								
							</tr>
							
							<tr class="odd">
								<td>01</td>
								<td>นายสมหมาย สบประดา</td>
								<td>ดาว์นโหลด/พิมพ์</td>
								<td  class="table-action">
									<i class="fa fa-download" data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด"></i> 
									<i class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print"></i> 
								</td>
							</tr>
							
							<tr class="even">
								<td>03</td>
								<td>นายสมหมาย สบประดา</td>
								<td>ดาว์นโหลด/พิมพ์</td>
								<td  class="table-action">
									<i class="fa fa-download" data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด"></i> 
									<i class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print"></i> 
								</td>
							</tr>
							
							<tr class="odd">
								<td>05</td>
								<td>นายสมหมาย สบประดา</td>
								<td>ดาว์นโหลด/พิมพ์</td>
								<td  class="table-action">
									<i class="fa fa-download" data-toggle="tooltip" data-placement="top" title="ดาว์นโหลด"></i> 
									<i class="fa fa-print" data-toggle="tooltip" data-placement="top" title="Print"></i> 
								</td>
							</tr>
							
						</table>
						
						<!--<table class="table-list" style="margin-top:20px">
							<tr>
								<th style="text-align:right; width:300px; background-color:#ddd; color:#333">เลือกไฟล์ทีละเส้นทาง :</th>
								<td colspan="2" style="text-align:left"><input type="text" class="form-control mr-5" style="width:300px; display:inline-block !important" id="inputPassword3"><button type="button" class="btn btn-primary">Browse</button></td>
							</tr>
						</table>-->
						
						<!--<hr />
						
						<div class="text-center mt-20">
						
							<button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
							<button type="submit" class="btn btn-primary"><i class="fa fa-refresh"></i> เริ่มใหม่</button>

						</div>-->
				
				</div>
				<!-- End form-detail -->
				
				
				</div>
				<!-- END Form3 -->
				
			</div>
			<!-- End detail-area -->
		
		
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
	</div><!-- End Detail-area-->


</div>
<!-- End Wrapper -->

<div class="modal fade" id="myModal-confirm">
  <div class="modal-dialog" style="width:400px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">ยืนยันการบันทึกข้อมูลทุกเขต</h4>
      </div>
      <div class="modal-body">
        <p><span class="fa-stack fa-lg mr-10" style=" color:#FC0"> <i class="fa fa-exclamation-triangle fa-stack-2x"></i></span>เมื่อคุณยืนยันระบบจะทำการบันทึกเส้นทางของทุกเขต</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">ยกเลิก</button>
		<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal" >ยืนยัน</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="myModal">
  <div class="modal-dialog" style="width:400px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Message</h4>
      </div>
      <div class="modal-body">
        <p><span class="fa-stack fa-lg mr-10" style="color:#0C0"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-check fa-stack-1x fa-inverse"></i> </span>ยืนยันเส้นทางการอ่านน้ำทุกเขตเรียบร้อยแล้ว</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<!-- JAVASCRIPT --> 
<script type="text/javascript" src="assets/js/jquery.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap-datetimepicker.min.js" ></script>
<script type="text/javascript" src="assets/js/script.js"></script> 

<!-- END JAVASCRIPT -->
</body>
</html>